<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://mybatis.org/schema/mybatis-mapper"
      xmlns:v-model="http://www.w3.org/1999/xhtml" xmlns:v-id="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="assets/images/favicon.png" type="image/png">
    <title>商品管理</title>

    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="assets/plugins/jquery-steps/css/jquery.steps.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <link href="assets/css/icons.css" rel="stylesheet">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">

</head>

<body class="sticky-header">
<div id="chen_div">
    <div>
        <!--Start left side Menu-->
        <div id="nav-left" class="left-side sticky-left-side">
        </div>
        <!--<script src="assets/js/commonPage/nav-left.js"></script>-->
        <!--End left side menu-->
        <div class="main-content" >

            <!-- header section start-->
            <div class="header-section">

                <a class="toggle-btn"><i class="fa fa-bars"></i></a>

                <form class="searchform">
                    <input type="text" class="form-control" name="keyword" placeholder="这里搜索" />
                </form>

                <!--notification menu start -->
                <div class="menu-right">
                    <ul class="notification-menu">
                        <li>
                            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                                <i class="fa fa-tasks"></i>
                                <span class="badge">8</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-head pull-right">
                                <h5 class="title">You have 8 pending task</h5>
                                <ul class="dropdown-list">
                                    <li class="notification-scroll-list notification-list ">
                                        <!-- list item-->
                                        <a href="javascript:void(0);" class="list-group-item">
                                            <div class="media">
                                                <div class="pull-left p-r-10">
                                                    <em class="fa  fa-shopping-cart noti-primary"></em>
                                                </div>
                                                <div class="media-body">
                                                    <h5 class="media-heading">A new order has been placed.</h5>
                                                    <p class="m-0">
                                                        <small>29 min ago</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>

                                        <!-- list item-->
                                        <a href="javascript:void(0);" class="list-group-item">
                                            <div class="media">
                                                <div class="pull-left p-r-10">
                                                    <em class="fa fa-check noti-success"></em>
                                                </div>
                                                <div class="media-body">
                                                    <h5 class="media-heading">Databse backup is complete</h5>
                                                    <p class="m-0">
                                                        <small>12 min ago</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>

                                        <!-- list item-->
                                        <a href="javascript:void(0);" class="list-group-item">
                                            <div class="media">
                                                <div class="pull-left p-r-10">
                                                    <em class="fa fa-user-plus noti-info"></em>
                                                </div>
                                                <div class="media-body">
                                                    <h5 class="media-heading">New user registered</h5>
                                                    <p class="m-0">
                                                        <small>17 min ago</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>

                                        <!-- list item-->
                                        <a href="javascript:void(0);" class="list-group-item">
                                            <div class="media">
                                                <div class="pull-left p-r-10">
                                                    <em class="fa fa-diamond noti-danger"></em>
                                                </div>
                                                <div class="media-body">
                                                    <h5 class="media-heading">Database error.</h5>
                                                    <p class="m-0">
                                                        <small>11 min ago</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>

                                        <!-- list item-->
                                        <a href="javascript:void(0);" class="list-group-item">
                                            <div class="media">
                                                <div class="pull-left p-r-10">
                                                    <em class="fa fa-cog noti-warning"></em>
                                                </div>
                                                <div class="media-body">
                                                    <h5 class="media-heading">New settings</h5>
                                                    <p class="m-0">
                                                        <small>18 min ago</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="last"> <a href="#">View all notifications</a> </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                                <i class="fa fa-bell-o"></i>
                                <span class="badge">4</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-head pull-right">
                                <h5 class="title">Notifications</h5>
                                <ul class="dropdown-list normal-list">
                                    <li class="message-list message-scroll-list">
                                        <a href="#">
                                            <span class="photo"> <img src="assets/images/users/avatar-8.jpg" class="img-circle" alt="img"></span>
                                            <span class="subject">John Doe</span>
                                            <span class="message"> New tasks needs to be done</span>
                                            <span class="time">15 minutes ago</span>
                                        </a>

                                        <a href="#">
                                            <span class="photo"> <img src="assets/images/users/avatar-7.jpg" class="img-circle" alt="img"></span>
                                            <span class="subject">John Doe</span>
                                            <span class="message"> New tasks needs to be done</span>
                                            <span class="time">10 minutes ago</span>
                                        </a>

                                        <a href="#">
                                            <span class="photo"> <img src="assets/images/users/avatar-6.jpg" class="img-circle" alt="img"></span>
                                            <span class="subject">John Doe</span>
                                            <span class="message"> New tasks needs to be done</span>
                                            <span class="time">20 minutes ago</span>
                                        </a>

                                        <a href="#">
                                            <span class="photo"> <img src="assets/images/users/avatar-6.jpg" class="img-circle" alt="img"></span>
                                            <span class="subject">John Doe</span>
                                            <span class="message"> New tasks needs to be done</span>
                                            <span class="time">20 minutes ago</span>
                                        </a>

                                        <a href="#">
                                            <span class="photo"> <img src="assets/images/users/avatar-6.jpg" class="img-circle" alt="img"></span>
                                            <span class="subject">John Doe</span>
                                            <span class="message"> New tasks needs to be done</span>
                                            <span class="time">20 minutes ago</span>
                                        </a>

                                        <a href="#">
                                            <span class="photo"> <img src="assets/images/users/avatar-6.jpg" class="img-circle" alt="img"></span>
                                            <span class="subject">John Doe</span>
                                            <span class="message"> New tasks needs to be done</span>
                                            <span class="time">20 minutes ago</span>
                                        </a>
                                    </li>
                                    <li class="last"> <a  href="#">All Messages</a> </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                <img src="assets/images/users/avatar-6.jpg" alt="" />
                                John Doe
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                                <li> <a href="#"> <i class="fa fa-wrench"></i> Settings </a> </li>
                                <li> <a href="#"> <i class="fa fa-user"></i> Profile </a> </li>
                                <li> <a href="#"> <i class="fa fa-info"></i> Help </a> </li>
                                <li> <a href="#"> <i class="fa fa-lock"></i> Logout </a> </li>
                            </ul>
                        </li>

                    </ul>
                </div>
                <!--notification menu end -->

            </div>
            <!-- header section end-->



            <!--body wrapper start-->
            <div class="wrapper">

                <!--Start Page Title-->
                <div class="page-title-box">
                    <h4 class="page-title">商品删除</h4>
                    <ol class="breadcrumb">
                        <li>
                            <a href="#">返回主页</a>
                        </li>
                        <li>
                            <strong style="color: royalblue">商品列表</strong>
                        </li>
                        <li class="active" style="color:red;">
                            欢迎来到lz-shop管理后台
                        </li>
                    </ol>
                    <div class="clearfix"></div>
                </div>
                <!--End Page Title-->


                <!--Start row-->
                <div class="row">
                    <div class="col-md-12">
                        <div class="white-box">
                            <h2 class="header-title">后台商品列表数据</h2>
                            <div class="table-responsive">
                                <table id="example" class="display table">
                                    <thead style="background-color: darkgrey">
                                    <tr class>
                                        <th>序号</th>
                                        <th>商品名</th>
                                        <th>价格</th>
                                        <th>上下架状态</th>
                                        <th>月销量</th>
                                        <th>库存</th>
                                        <th>删除商品</th>
                                    </tr>
                                    </thead>
                                    <tr v-for="goods in GoodsList">
                                        <th>{{goods.id}}</th>
                                        <th>{{goods.name}}</th>
                                        <th>{{goods.originalPrice}}</th>
                                        <th v-if="goods.shelfStatus===1">
                                            <button type="button" class="btn btn-danger round">已上架</button>
                                        </th>
                                        <th v-if="goods.shelfStatus===0">
                                            <button type="button" class="btn btn-default round">已下架</button>
                                        </th>
                                        <th>{{goods.salesVolume}}</th>
                                        <th>{{goods.totalNum}}</th>
                                        <th><button type="button" class="btn btn-warning round"@click="deletegoods(goods.id)">删除商品</button></th>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="grid-spr pag">
                            <!-- .pagetions -->
                            <div class="col-xs-8 col-sm-8 col-md-8 text-left">
                                <ul class="pagination">
                                    <li style="float: left">
                                        <button class="btn btn-danger" @click="pageForward(pageIndex)">
                                            &lt;上一页
                                        </button>
                                    </li>
                                    <li style="float: left">
                                        <div class="input-group mb-3">
                                            <div class="input-group-append" style="float: left">
                                                <input style="float: left" id="pageTransfer" type="number"
                                                       class="form-control" placeholder=""
                                                       aria-label="Recipient's username"
                                                       aria-describedby="button-addon2">
                                            </div>
                                            <div style="float: left;">
                                                <button class="btn btn-outline-secondary"
                                                        type="button" id="button-addon2" @click="pageTransfer">
                                                    跳转
                                                </button>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="active" v-for="item in count">
                                        <button class="btn btn-danger" style="margin-right: 5px"
                                                @click="pageShowGoods(item)">
                                            {{item}}
                                        </button>
                                    </li>

                                    <li>
                                        <button class="btn btn-danger" @click="pageNext(pageIndex)">
                                            下一页&gt;
                                        </button>
                                    </li>

                                    <!--<li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">&raquo;</a></li>-->
                                </ul>
                            </div>
                            <!-- /.pagetions -->
                            <!-- .Showing -->
                            <div class="col-md-6  text-right">
                                <strong>Showing 1-12 <span>of 30 relults</span></strong>
                            </div>
                            <!-- /.Showing -->
                        </div>
                    </div>
                </div>
                <!--End row-->

                <!--Start row-->
<!--                <div class="row">
                    <div class="col-md-12">
                        <div class="white-box">
                            <h2 class="header-title">Row Grouping</h2>
                            <table id="example2" class="display table">
                                <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Position</th>
                                    <th>Office</th>
                                    <th>Age</th>
                                    <th>Start date</th>
                                    <th>Salary</th>
                                </tr>
                                </thead>
                                <tfoot>
                                <tr>
                                    <th>Name</th>
                                    <th>Position</th>
                                    <th>Office</th>
                                    <th>Age</th>
                                    <th>Start date</th>
                                    <th>Salary</th>
                                </tr>
                                </tfoot>
                                <tbody>
                                <tr>
                                    <td>Thomsen</td>
                                    <td>System Architect</td>
                                    <td>Edinburgh</td>
                                    <td>61</td>
                                    <td>2011/04/25</td>
                                    <td>$320,800</td>
                                </tr>
                                <tr>
                                    <td>Garrett Winters</td>
                                    <td>Accountant</td>
                                    <td>Tokyo</td>
                                    <td>63</td>
                                    <td>2011/07/25</td>
                                    <td>$170,750</td>
                                </tr>
                                <tr>
                                    <td>Eugene Kristiansen</td>
                                    <td>Junior Technical Author</td>
                                    <td>San Francisco</td>
                                    <td>66</td>
                                    <td>2009/01/12</td>
                                    <td>$86,000</td>
                                </tr>
                                <tr>
                                    <td>Odilian Gosselin</td>
                                    <td>Senior Javascript Developer</td>
                                    <td>Edinburgh</td>
                                    <td>22</td>
                                    <td>2012/03/29</td>
                                    <td>$433,060</td>
                                </tr>
                                <tr>
                                    <td>Airi Satou</td>
                                    <td>Accountant</td>
                                    <td>Tokyo</td>
                                    <td>33</td>
                                    <td>2008/11/28</td>
                                    <td>$145,400</td>
                                </tr>
                                <tr>
                                    <td>Brielle Williamson</td>
                                    <td>UI Designer</td>
                                    <td>Ichae Semos</td>
                                    <td>61</td>
                                    <td>2012/12/02</td>
                                    <td>$372,000</td>
                                </tr>
                                <tr>
                                    <td>Herrod Chandler</td>
                                    <td>Magento Developer</td>
                                    <td>San Francisco</td>
                                    <td>59</td>
                                    <td>2012/08/06</td>
                                    <td>$137,500</td>
                                </tr>
                                <tr>
                                    <td>Henry Jurk</td>
                                    <td>UI Designer</td>
                                    <td>Tokyo</td>
                                    <td>55</td>
                                    <td>2010/10/14</td>
                                    <td>$327,900</td>
                                </tr>
                                <tr>
                                    <td>Colleen Hurst</td>
                                    <td>Javascript Developer</td>
                                    <td>San Francisco</td>
                                    <td>39</td>
                                    <td>2009/09/15</td>
                                    <td>$205,500</td>
                                </tr>
                                <tr>
                                    <td>John Klok</td>
                                    <td>Php Developer</td>
                                    <td>Edinburgh</td>
                                    <td>23</td>
                                    <td>2008/12/13</td>
                                    <td>$122,600</td>
                                </tr>
                                <tr>
                                    <td>Jena Gaines</td>
                                    <td>Office Manager</td>
                                    <td>London</td>
                                    <td>30</td>
                                    <td>2008/12/19</td>
                                    <td>$90,560</td>
                                </tr>
                                <tr>
                                    <td>Quinn Flynn</td>
                                    <td>Admin Manager</td>
                                    <td>Edinburgh</td>
                                    <td>22</td>
                                    <td>2013/03/03</td>
                                    <td>$342,000</td>
                                </tr>
                                <tr>
                                    <td>Charde Marshall</td>
                                    <td>Wordpress Developer</td>
                                    <td>San Francisco</td>
                                    <td>36</td>
                                    <td>2008/10/16</td>
                                    <td>$470,600</td>
                                </tr>
                                <tr>
                                    <td>Haley Kennedy</td>
                                    <td>IOS Developer</td>
                                    <td>London</td>
                                    <td>43</td>
                                    <td>2012/12/18</td>
                                    <td>$313,500</td>
                                </tr>
                                <tr>
                                    <td>Tatyana Fitzpatrick</td>
                                    <td>Wordpress Developer</td>
                                    <td>London</td>
                                    <td>19</td>
                                    <td>2010/03/17</td>
                                    <td>$385,750</td>
                                </tr>
                                <tr>
                                    <td>Williams</td>
                                    <td>Marketing Designer</td>
                                    <td>London</td>
                                    <td>66</td>
                                    <td>2012/11/27</td>
                                    <td>$198,500</td>
                                </tr>
                                <tr>
                                    <td>Johnson</td>
                                    <td>IT Manager</td>
                                    <td>Ichae Semos</td>
                                    <td>64</td>
                                    <td>2010/06/09</td>
                                    <td>$725,000</td>
                                </tr>
                                <tr>
                                    <td>Gloria Little</td>
                                    <td>Systems Administrator</td>
                                    <td>Ichae Semos</td>
                                    <td>59</td>
                                    <td>2009/04/10</td>
                                    <td>$237,500</td>
                                </tr>
                                <tr>
                                    <td>Bradley Greer</td>
                                    <td>Php Developer</td>
                                    <td>London</td>
                                    <td>41</td>
                                    <td>2012/10/13</td>
                                    <td>$132,000</td>
                                </tr>
                                <tr>
                                    <td>Mark Doe</td>
                                    <td>Personnel Lead</td>
                                    <td>Edinburgh</td>
                                    <td>35</td>
                                    <td>2012/09/26</td>
                                    <td>$213,500</td>
                                </tr>
                                <tr>
                                    <td>Jenette Caldwell</td>
                                    <td>Development Lead</td>
                                    <td>Ichae Semos</td>
                                    <td>30</td>
                                    <td>2011/09/03</td>
                                    <td>$345,000</td>
                                </tr>
                                <tr>
                                    <td>Larry</td>
                                    <td>Java Developer</td>
                                    <td>Ichae Semos</td>
                                    <td>40</td>
                                    <td>2009/06/25</td>
                                    <td>$675,000</td>
                                </tr>
                                <tr>
                                    <td>Caesar Vance</td>
                                    <td>Sales Manager</td>
                                    <td>Ichae Semos</td>
                                    <td>21</td>
                                    <td>2011/12/12</td>
                                    <td>$106,450</td>
                                </tr>
                                <tr>
                                    <td>Jacob Doe</td>
                                    <td>Magento Developer</td>
                                    <td>Sidney</td>
                                    <td>23</td>
                                    <td>2010/09/20</td>
                                    <td>$85,600</td>
                                </tr>
                                <tr>
                                    <td>Angelica Ramos</td>
                                    <td>HTML Developer</td>
                                    <td>London</td>
                                    <td>47</td>
                                    <td>2009/10/09</td>
                                    <td>$1,400,000</td>
                                </tr>
                                <tr>
                                    <td>Gavin Joyce</td>
                                    <td>Developer</td>
                                    <td>Edinburgh</td>
                                    <td>42</td>
                                    <td>2010/12/22</td>
                                    <td>$32,575</td>
                                </tr>
                                <tr>
                                    <td>Jennifer Chang</td>
                                    <td>Wordpress Developer</td>
                                    <td>Singapore</td>
                                    <td>28</td>
                                    <td>2010/11/14</td>
                                    <td>$357,650</td>
                                </tr>
                                <tr>
                                    <td>Brenden Wagner</td>
                                    <td>Php Developer</td>
                                    <td>San Francisco</td>
                                    <td>28</td>
                                    <td>2011/06/07</td>
                                    <td>$206,850</td>
                                </tr>
                                <tr>
                                    <td>John Doe</td>
                                    <td>Chief Operating Officer (COO)</td>
                                    <td>San Francisco</td>
                                    <td>48</td>
                                    <td>2010/03/11</td>
                                    <td>$850,000</td>
                                </tr>
                                <tr>
                                    <td>Shou Itou</td>
                                    <td>Regional Marketing</td>
                                    <td>Tokyo</td>
                                    <td>20</td>
                                    <td>2011/08/14</td>
                                    <td>$163,000</td>
                                </tr>
                                <tr>
                                    <td>Michelle House</td>
                                    <td>UI Designer</td>
                                    <td>Sidney</td>
                                    <td>37</td>
                                    <td>2011/06/02</td>
                                    <td>$95,400</td>
                                </tr>
                                <tr>
                                    <td>Suki Burks</td>
                                    <td>Developer</td>
                                    <td>London</td>
                                    <td>53</td>
                                    <td>2009/10/22</td>
                                    <td>$114,500</td>
                                </tr>
                                <tr>
                                    <td>Prescott Bartlett</td>
                                    <td>Technical Author</td>
                                    <td>London</td>
                                    <td>27</td>
                                    <td>2011/05/07</td>
                                    <td>$145,000</td>
                                </tr>
                                <tr>
                                    <td>Gavin Cortez</td>
                                    <td>Team Leader</td>
                                    <td>San Francisco</td>
                                    <td>22</td>
                                    <td>2008/10/26</td>
                                    <td>$235,500</td>
                                </tr>
                                <tr>
                                    <td>Martena Mccray</td>
                                    <td>Post-Sales support</td>
                                    <td>Edinburgh</td>
                                    <td>46</td>
                                    <td>2011/03/09</td>
                                    <td>$324,050</td>
                                </tr>
                                <tr>
                                    <td>Unity Butler</td>
                                    <td>Marketing Designer</td>
                                    <td>San Francisco</td>
                                    <td>47</td>
                                    <td>2009/12/09</td>
                                    <td>$85,675</td>
                                </tr>
                                <tr>
                                    <td>Howard Hatfield</td>
                                    <td>Office Manager</td>
                                    <td>San Francisco</td>
                                    <td>51</td>
                                    <td>2008/12/16</td>
                                    <td>$164,500</td>
                                </tr>
                                <tr>
                                    <td>Hope Fuentes</td>
                                    <td>.Net Developer</td>
                                    <td>San Francisco</td>
                                    <td>41</td>
                                    <td>2010/02/12</td>
                                    <td>$109,850</td>
                                </tr>
                                <tr>
                                    <td>Vivian Harrell</td>
                                    <td>Financial Controller</td>
                                    <td>San Francisco</td>
                                    <td>62</td>
                                    <td>2009/02/14</td>
                                    <td>$452,500</td>
                                </tr>
                                <tr>
                                    <td>Timothy Mooney</td>
                                    <td>Office Manager</td>
                                    <td>London</td>
                                    <td>37</td>
                                    <td>2008/12/11</td>
                                    <td>$136,200</td>
                                </tr>
                                <tr>
                                    <td>Jackson Bradshaw</td>
                                    <td>Director</td>
                                    <td>Ichae Semos</td>
                                    <td>65</td>
                                    <td>2008/09/26</td>
                                    <td>$645,750</td>
                                </tr>
                                <tr>
                                    <td>Olivia Liang</td>
                                    <td>Support Engineer</td>
                                    <td>Singapore</td>
                                    <td>64</td>
                                    <td>2011/02/03</td>
                                    <td>$234,500</td>
                                </tr>
                                <tr>
                                    <td>Bruno Nash</td>
                                    <td>Php Developer</td>
                                    <td>London</td>
                                    <td>38</td>
                                    <td>2011/05/03</td>
                                    <td>$163,500</td>
                                </tr>
                                <tr>
                                    <td>Sakura Yamamoto</td>
                                    <td>Support Engineer</td>
                                    <td>Tokyo</td>
                                    <td>37</td>
                                    <td>2009/08/19</td>
                                    <td>$139,575</td>
                                </tr>
                                <tr>
                                    <td>Thor Walton</td>
                                    <td>Developer</td>
                                    <td>Ichae Semos</td>
                                    <td>61</td>
                                    <td>2013/08/11</td>
                                    <td>$98,540</td>
                                </tr>
                                <tr>
                                    <td>Finn Camacho</td>
                                    <td>Support Engineer</td>
                                    <td>San Francisco</td>
                                    <td>47</td>
                                    <td>2009/07/07</td>
                                    <td>$87,500</td>
                                </tr>
                                <tr>
                                    <td>Serge Baldwin</td>
                                    <td>Joomla Developer</td>
                                    <td>Singapore</td>
                                    <td>64</td>
                                    <td>2012/04/09</td>
                                    <td>$138,575</td>
                                </tr>
                                <tr>
                                    <td>Zenaida Frank</td>
                                    <td>Php Developer</td>
                                    <td>Ichae Semos</td>
                                    <td>63</td>
                                    <td>2010/01/04</td>
                                    <td>$125,250</td>
                                </tr>
                                <tr>
                                    <td>Zorita Serrano</td>
                                    <td>Php Developer</td>
                                    <td>San Francisco</td>
                                    <td>56</td>
                                    <td>2012/06/01</td>
                                    <td>$115,000</td>
                                </tr>
                                <tr>
                                    <td>Jonathan Doe</td>
                                    <td>HR Manager</td>
                                    <td>Edinburgh</td>
                                    <td>43</td>
                                    <td>2013/02/01</td>
                                    <td>$75,650</td>
                                </tr>
                                <tr>
                                    <td>Cara Stevens</td>
                                    <td>Magento Developer</td>
                                    <td>Ichae Semos</td>
                                    <td>46</td>
                                    <td>2011/12/06</td>
                                    <td>$145,600</td>
                                </tr>
                                <tr>
                                    <td>Hermione Butler</td>
                                    <td>Wordpress Developer</td>
                                    <td>London</td>
                                    <td>47</td>
                                    <td>2011/03/21</td>
                                    <td>$356,250</td>
                                </tr>
                                <tr>
                                    <td>Frank Kristopoulos</td>
                                    <td>Systems Administrator</td>
                                    <td>London</td>
                                    <td>21</td>
                                    <td>2009/02/27</td>
                                    <td>$103,500</td>
                                </tr>
                                <tr>
                                    <td>Vestergaard</td>
                                    <td>Developer</td>
                                    <td>San Francisco</td>
                                    <td>30</td>
                                    <td>2010/07/14</td>
                                    <td>$86,500</td>
                                </tr>
                                <tr>
                                    <td>Andreasen</td>
                                    <td>Wordpress Developer</td>
                                    <td>Edinburgh</td>
                                    <td>51</td>
                                    <td>2008/11/13</td>
                                    <td>$122,000</td>
                                </tr>
                                <tr>
                                    <td>Laursen</td>
                                    <td>Javascript Developer</td>
                                    <td>Singapore</td>
                                    <td>29</td>
                                    <td>2011/06/27</td>
                                    <td>$122,000</td>
                                </tr>
                                <tr>
                                    <td>Poulsen</td>
                                    <td>Technical Support</td>
                                    <td>Ichae Semos</td>
                                    <td>27</td>
                                    <td>2011/01/25</td>
                                    <td>$112,000</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>-->
                <!--End row-->


            </div>
            <!-- End Wrapper-->
            <!-- stratModel-->
            <!-- endModel-->
            <!--Start  Footer -->
            <footer class="footer-main">Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></footer>
            <!--End footer -->

        </div>
    </div>
    <!--Begin core plugin -->
    <script src="assets/js/jquery.min.js"></script>
    <!--======vue js ======-->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/plugins/moment/moment.js"></script>
    <script src="assets/js/jquery.slimscroll.js "></script>
    <script src="assets/js/jquery.nicescroll.js"></script>
    <script src="assets/js/functions.js"></script>
    <!-- End core plugin -->

    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="assets/pages/jquery.validate.min.js"></script>
    <script src="assets/plugins/jquery-steps/js/jquery.steps.min.js" type="text/javascript"></script>
    <!--====== http util js ======-->
    <script src="assets/js/util/http-util.js"></script>
</div>
</body>
<script>
    $(function () {
        $('#footer').load('footer.html');
        $('#nav-left').load('nav-left.html');
    });
    var goosId;
    var pageIndex;
    var chen = new Vue({
        el: '#chen_div',
        data: {
            GoodsList: [],
            count: 0,
            pageIndex: 1,
        },
        methods: {
            pageShowGoods: function (pageIndex) {
                let url = "/shop_admin/get_page_goods";
                let params = {pageIndex: pageIndex};
                let thisObj = this;
                console.log(pageIndex);
                doPost(url, params, function (resp) {
                    thisObj.GoodsList = resp;
                    console.log(thisObj.GoodsList);
                })
            },
            pageCount: function () {
                let url = "/shop_admin/get_page_count";
                let thisObj = this;
                doGet(url, function (resp) {
                    thisObj.count = resp;
                    console.log(thisObj.count);
                })
            },
            pageNext: function (pageIndex) {
                let url = "/shop_admin/get_page_goods";
                let thisObj = this;
                console.log($('#search').val());
                if (this.pageIndex == this.count) {
                    alert("已经是最后一页哦！");
                } else {
                    this.pageIndex = this.pageIndex + 1;
                    console.log(this.pageIndex);
                    let params = {pageIndex: this.pageIndex};
                    doPost(url, params, function (resp) {
                        thisObj.GoodsList = resp;
                        console.log(thisObj.GoodsList);
                    })
                }

            },
            pageForward: function (pageIndex) {
                let url = "/shop_admin/get_page_goods";
                let thisObj = this;
                if (this.pageIndex == 1) {
                    alert("这是第一页哦！")
                } else {
                    this.pageIndex = this.pageIndex - 1;
                    console.log(this.pageIndex);
                    let params = {pageIndex: this.pageIndex};
                    doPost(url, params, function (resp) {
                        thisObj.GoodsList = resp;
                        console.log(thisObj.GoodsList);
                    })
                }
            },
            pageTransfer: function () {
                var value = $("#pageTransfer").val();
                console.log(value);
                let url = "/shop_admin/get_page_goods";
                this.pageIndex = value;
                let params = {pageIndex: value};
                let thisObj = this;
                doPost(url, params, function (resp) {
                    thisObj.GoodsList = resp;
                    console.log(thisObj.GoodsList);
                })
            },
            deletegoods: function (id) {
                    let url = "/shop_admin/goodsManage/delete_goods";
                    let params = {id: id};
                    doPost(url, params, function (resp) {
                        if (resp==1){
                            alert("商品删除成功");
                            location.href="http://localhost:8080/view_admin/deleteGoods.html";
                        }else {
                            alert("修改失败,系统错误,请联系开发者");
                        }

                    })

            },
        },

        mounted: function () {
            this.pageCount();
            this.pageShowGoods();
        },
    })
</script>
</html>

